<template>
  <div class="topBar">
    <el-row style="margin-top: 25px">
      <el-col :span="12">
        <div class="grid-content bg-purple">
          <h1 style="margin-right: 300px">分布式供应链管理与验证平台</h1>
        </div></el-col>
      <el-col :span="12">
        <div class="grid-content bg-purple-light">
          <div id="nav">
            <router-link to="/">首页</router-link> |
            <router-link to="/login">登录</router-link>
          </div>
        </div></el-col>
    </el-row>
  </div>

</template>

<script>
export default {
  name: "TopBar"
}
</script>

<style scoped>
#nav {
  padding: 3000px;
}

</style>